body, html {
	background: #2C4762 url('chrome-extension://__MSG_@@extension_id__/images/background.png') top repeat-x;
    font: normal 14px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    height: 100%;
}

@font-face
{
    font-family: 'tumblrFont';
    src: url('chrome-extension://__MSG_@@extension_id__/fonts/BOOKOSB.TTF')
}

@font-face
{
    font-family: 'cookies';
    src: url('chrome-extension://__MSG_@@extension_id__/fonts/Cookies.TTF')
}

#root {
    height: 100%;
}

#mainContainer {
    width: 611px;
}

.flexbox-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
    justify-content: center;
    
    height: 100%;
}

.no-gutter-left {
    padding-left: 0px;
}

.no-gutter-right {
    padding-right: 0px;
}

.no-gutter {
    padding-right: 0px;
    padding-left: 0px;
}

.pad-form-items-bottom {
    margin-bottom: 5px;
}

.post-types-container {
    width: 71px;    
    margin-top: 20px;
}

.post-types-container img {
    padding: 5px;
    opacity: .5;
    -webkit-transition: opacity .25s ease;
}

.post-types-container img:hover {
    opacity:1;
    -webkit-transition: opacity .25s ease;
}

.post-types-container img.selected-post-type {
    background-color: white;
    border-radius: 10px 0 0px 10px;   
    opacity: 1; 
    -webkit-transition: background-color .25s ease;
}

#post-button-container  {   
    text-align: right;
    margin-top: 15px;
}

/*#post-button-container span {
    display: inline-block;
    margin-top: -30px;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
}*/

#post-options-container {
    padding: 10px 20px 20px 20px;
    min-height: 380px;
    background-color: white;
    border-radius: 10px;
}

.row {
    margin: 0px;
}

.post-content-footer {
    margin-top: 10px;
}

.dropdown-menu .blog-title{
    font-weight: bold;
}

#postSettingsIcon {
    opacity: 0.6;
    cursor: pointer;
}

#advancedSettingsMenu{
    padding: 10px;
    width: 300px;
}

.post-content-header .dropdown-toggle {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 200px;
}

#selectedBlog.open .dropdown-toggle {
    box-shadow: none;
}

#selectedBlog:active .dropdown-toggle {
    box-shadow: none;
}

#logo-header-container{
    margin-bottom: 10px;
}

h1 {
    color: white;
    font-family: 'tumblrFont';
    font-size: 44px;
}



#profilepic {
    height:170px;
}

.orange-link {
    color: orange;
}





#selected-blog .dropdown-menu .img-col {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 5px;
}

#selected-blog .dropdown-menu .data-col {
    padding-left: 0px;
    padding-right: 5px;
}

#selected-blog .dropdown-menu .tick-col {
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 9px;
}

#selected-blog .dropdown-menu {
    width: 250px;
}

#selected-blog .dropdown-menu a {
    padding-left: 10px;
    padding-right: 10px;
}

#post-types-and-content-container{
    background: #2C4762;
    padding: 20px;
    border-radius: 10px;
}

#post-content-and-post-button-container {
    width: 500px;
}

#logo-header-options {
    color: white;
    margin-top: 20px;
    text-align: right;
}

#logo-header-options i {
    margin-left: 10px;
    opacity: .3;
}

#logo-header-options i:hover {
    -webkit-transition: opacity .25s ease;
    opacity: 1;
    cursor: pointer;
}

.dropdown-menu {
    margin-top: -1px;
}

#selected-post-state li {
    cursor: pointer;
}

#post-type-template-container textarea,
#post-type-template-container input
 {
    border-radius: 0px;
    margin-bottom: -1px;
    margin-top: 0px;
    width: 100% !important;
}

#post-type-template-container textarea:focus,
#post-type-template-container input:focus
{
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.pointer{
    cursor: pointer;
}

#text-ad,
#text-ad a
{
    color: #339;
    text-align: center;
    background-color: white;
    border-radius: 0px;
    border-bottom-color: white;
}

ul.wysihtml5-toolbar
{
    padding-top: 5px;
    padding-left: 7px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    border: 1px solid #cccccc;
    border-bottom: none;
}

ul.wysihtml5-toolbar > li {
    margin-bottom: 0px;
}

ul.wysihtml5-toolbar li.dropdown > a {
    padding-left: 5px;
    padding-right: 5px;
}

textarea.wysiwig-ta {
    border-top: none;
}

.bootstrap-tagsinput
{
    border-radius: 0px;
    width: 100%;
}

.label-info
{
    background-color: #D14F2E;
}

.typeahead,
.tt-query,
.tt-hint {
  margin-bottom: 0;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
}

.tt-suggestion.tt-cursor {
    color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion p {
  margin: 0;
}

.tags-inp .input-group-btn button {
    border-radius: 0;
    padding-left: 5px;
    padding-right: 5px;
    border-left: none;
    /*vertical-align: top;*/
}

.summernote-container {
    position: relative;
}

.summernote-placeholder {
    position: absolute;
    z-index: 100;
    top: 57px;
    left: 16px;
    color: grey;
    pointer-events: none;
}

.bootstrap-tagsinput {
    margin-bottom: 0px;
    padding-bottom: 6px;
}

/*
    Donations
*/

#donationModal .modal-body {
    padding: 0px;
}

#donationModal .modal-footer {
    margin-top: 0px;
}

#donationModalDialog {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}

#donationModal .carousel-caption {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/*
    Nibbles
*/

#nibblesModalDialog {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}

#nibblesModalDialog .modal-header {
    text-align: center;
    font-size: 40px;
    font-family: 'cookies';
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    color: lightyellow;
}

#nibblesModalDialog .modal-body {
    text-align: center;
    font-size: 18px;
}

#mr-nibbles-container {
    position: absolute;
    top: -140px;
    left: 220px;
    z-index: -10;
}

.quill {
    border: solid 1px #ccc;
    border-radius: 3px;
}

#post-schedule-picker .input-group-addon
{
    border-radius: 4px;
    border: 1px solid #ccc;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.postTypeOptions > div
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.mce-path {/* CSS */
    display: none !important;
}

.mce-statusbar { border-width: 0 !important; }